
*{
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
fieldset,img {
	border:0;
	display:inline-block;
}
address,caption,cite,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	display:block;
	margin:0;
	padding:0;
}
/* HTML5 */
code,kbd,pre,samp {
	font-family:courier new,courier,monospace
}
ol,ul {
	list-style:none;
}
a {
	text-decoration:none;
	color:#222;
}
a:hover {
	color:#000;
	text-decoration:none;
	zoom:1
}
a:active {
	color:#666;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}

input[type=checkbox],input[type=radio] {
	vertical-align:middle;
	margin:0 5px;
}
input[type="text"],input[type="password"],textarea {
	outline-style:none;
	-webkit-appearance:none;
}
textarea {
	resize:none;
}
textarea {
	overflow:auto;
	font:100% tahoma,\5b8b\4f53,arial;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

.section-5 .div2{background: #555555 none repeat scroll 0 0;color: #fff;padding-bottom: 10px;text-align: center;position:absolute;bottom: 0;width: 100%;}
.section-5 .div2 .banquan{background: #555555 none repeat scroll 0 0;color: #fff;height: 50px;line-height: 50px;margin-left: 15px;margin-top: 12px;text-align: center;}
/*===reset end===*/

html,body {
	width:100%;
	height:100%;
	min-height:712px;
	overflow:hidden;
}
.section-wrap {
	width:100%;
	height:100%;
	overflow:visible;
	transition:transform 1s cubic-bezier(0.86,0,0.03,1);
	-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);
	-ms-transition:-ms-transform 1s cubic-bezier(0.86,0,0.03,1);
	-moz-transition:-moz-transform 1s cubic-bezier(0.86,0,0.03,1);
	-o-transition:-o-transform 1s cubic-bezier(0.86,0,0.03,1);
}
.section-wrap .section {
	position:relative;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	min-height:712px;
	min-width:1000px;
}
.section-wrap .section .title {
	padding:150px 0 0 50px;
	color:#fff;
	font-size:40px;
	text-align:center;
	font-family:"Microsoft YaHei";
}
.section-wrap .section .title p {
	opacity:0
}
.section-wrap .section .title .p-2 {
	color:#ccc;
	font-size:20px;
}
.section-wrap .section .title.active .p-1 {
	opacity:1;
	transform:translateY(-25px);
	-webkit-transform:translateY(-25px);
	-ms-transform:translateY(-25px);
	-moz-transform:translateY(-25px);
	-o-transform:translateY(-25px);
	transition:all 2s cubic-bezier(0.86,0,0.8,1);
	-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);
	-ms-transition:all 2s cubic-bezier(0.86,0,0.8,1);
	-moz-transition:all 2s cubic-bezier(0.86,0,0.8,1);
	-o-transition:all 2s cubic-bezier(0.86,0,0.8,1);
}
.section-wrap .section .title.active .p-2 {
	opacity:1;
	transform:translateY(-25px);
	-webkit-transform:translateY(-25px);
	-ms-transform:translateY(-25px);
	-moz-transform:translateY(-25px);
	-o-transform:translateY(-25px);
	transition:all 2s cubic-bezier(0.5,0,0.9,1);
	-webkit-transition:all 2s cubic-bezier(0.5,0,0.9,1);
	-ms-transition:all 2s cubic-bezier(0.5,0,0.9,1);
	-moz-transition:all 2s cubic-bezier(0.5,0,0.9,1);
	-o-transition:all 2s cubic-bezier(0.5,0,0.9,1);
}
.section-wrap .section-1 {
	background:url(/Public/Home/img/app-xz/bj-1.jpg) center no-repeat;
	background-size: cover;
	overflow: auto;
}
.section-wrap .section-2 {
	background:url(/Public/Home/img/app-xz/bj-2.jpg) center no-repeat;min-height: 712px;
	background-size: cover;
	overflow: auto;
}
.section-wrap .section-3 {
	background:url(/Public/Home/img/app-xz/bj-3.jpg) center no-repeat;min-height: 712px;
	background-size: cover;
	overflow: auto;
}
.section-wrap .section-4 {
	background:url(/Public/Home/img/app-xz/bj-4.jpg) center no-repeat;min-height: 712px;
	background-size: cover;
	overflow: auto;
}
.section-wrap .section-5 {
	background:url(/Public/Home/img/app-xz/bj-5.jpg) center no-repeat;min-height: 712px;
	background-size: cover;
	/*overflow: auto;*/
}
.put-section-0 {
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
}
.put-section-1 {
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-o-transform:translateY(-100%);
}
.put-section-2 {
	transform:translateY(-200%);
	-webkit-transform:translateY(-200%);
	-ms-transform:translateY(-200%);
	-moz-transform:translateY(-200%);
	-o-transform:translateY(-200%);
}
.put-section-3 {
	transform:translateY(-300%);
	-webkit-transform:translateY(-300%);
	-ms-transform:translateY(-300%);
	-moz-transform:translateY(-300%);
	-o-transform:translateY(-300%);
}
.put-section-4 {
	transform:translateY(-400%);
	-webkit-transform:translateY(-400%);
	-ms-transform:translateY(-400%);
	-moz-transform:translateY(-400%);
	-o-transform:translateY(-400%);
}
.section-btn {
	position:fixed;
	cursor:pointer;
	right:40px;
	top:40%;
	width:43px;
	height: 295px;
	background: url(/Public/Home/img/app-xz/p-r-1.png) no-repeat;
}
.section-btn li span{
	margin-bottom:18px;
	cursor:pointer;
	height: 45px;
	width: 45px;
	background: url(/Public/Home/img/app-xz/p-r-2.png) center no-repeat;
	visibility: hidden;
	display: block;
}
.section-btn li.li-1 span{background-position: 0 0;}
.section-btn li.li-2 span{background-position: 0 -63px;}
.section-btn li.li-3 span{background-position: 0 -126px;}
.section-btn li.li-4 span{background-position: 0 -189px;}
.section-btn li.li-5 span{background-position: 0 -252px;}
.section-btn li.cur span{
	/*background:#0CEA87*/
	visibility:visible;
}
.go-btn {
	opacity:1;
	webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
	-webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
	-ms-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
	-moz-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
	-o-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	position:absolute;
	bottom:10px;
	left:48%;
	width:60px;
	height:60px;
	border-radius:100%;
	line-height:60px;
	text-align:center;
	font-size:20px;
	color:#fff;
	border:1px solid #fff;
	cursor:pointer;
	overflow:hidden
}
.go-btn:hover {
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
	-ms-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
}
@keyframes go-btn {
	%0,%100 {
	bottom:10px;
	opacity:1;
}
50% {
	bottom:50px;
	opacity:.5
}
}@-webkit-keyframes go-btn {
	%0,%100 {
	bottom:10px;
	opacity:1;
}
50% {
	bottom:50px;
	opacity:.5
}
}@-ms-keyframes go-btn {
	%0,%100 {
	bottom:10px;
	opacity:1;
}
50% {
	bottom:50px;
	opacity:.5
}
}@-moz-keyframes go-btn {
	%0,%100 {
	bottom:10px;
	opacity:1;
}
50% {
	bottom:50px;
	opacity:.5
}
}@-o-keyframes go-btn {
	%0,%100 {
	bottom:10px;
	opacity:1;
}
50% {
	bottom:50px;
	opacity:.5
}
}

/*自定义*/
.tb-b{background: #fff;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.pg{height: 712px;position: relative;overflow: hidden;}
/*第一屏*/
.pt-1{position: absolute;top: 134px;right: 15px;}
.px-1{position: absolute;top: 349px;right: 205px;}
.px-2{position: absolute;top: 433px;right: 205px;}
.px-3{position: absolute;top: 352px;right: 32px;}
.px-4{position: absolute;top: 139px;left: 35px;}
.px-5{position: absolute;top: 158px;left: 178px;}
/*第二屏*/
.p-2-1{position: absolute;top: 484px;left: 36px;}
.put-section-1 .p-2-1{
	animation: p1 1.2s ease 0.6s both;
	-webkit-animation: p1 1.2s ease 0.6s both;
	-moz-animation: p1 1.2s ease 0.6s both;
	-o-animation: p1 1.2s ease 0.6s both;
}
.p-2-2{position: absolute;top: 117px;left: 464px;}
.put-section-1 .p-2-2{
	animation: p2 1.2s ease 0.6s both;
	-webkit-animation: p2 1.2s ease 0.6s both;
	-moz-animation: p2 1.2s ease 0.6s both;
	-o-animation: p2 1.2s ease 0.6s both;
}
.p-2-3{position: absolute;top: 130px;left: 173px;}
.put-section-1 .p-2-3{
	animation: p3 1s ease-in 1.2s both;
	-webkit-animation: p3 1s ease-in 1.2s both;
	-moz-animation: p3 1s ease-in 1.2s both;
	-o-animation: p3 1s ease-in 1.2s both;
}
.p-2-4{position: absolute;top: 256px;left: 336px;}
.put-section-1 .p-2-4{
	animation: p4 1s ease-in 1.8s both;
	-webkit-animation: p4 1s ease-in 1.4s both;
	-moz-animation: p4 1s ease-in 1.4s both;
	-o-animation: p4 1s ease-in 1.4s both;
}
.p-2-5{position: absolute;top: 53px;right: 100px;}
.put-section-1 .p-2-5{
	animation: p5 1s ease-in 1.8s both;
	-webkit-animation: p5 1s ease-in 1.8s both;
	-moz-animation: p5 1s ease-in 1.8s both;
	-o-animation: p5 1s ease-in 1.8s both;
}
.p-2-6{position: absolute;top: 232px;right: 102px;}
.put-section-1 .p-2-6{
	animation: p6 1s ease-in 1.8s both;
	-webkit-animation: p6 1s ease-in 1.6s both;
	-moz-animation: p6 1s ease-in 1.6s both;
	-o-animation: p6 1s ease-in 1.6s both;
}
/*第三屏*/
.p-3-1{position: absolute;right: 41px;top: 512px;}
.put-section-2 .p-3-1{
	animation: s1 1s ease 0.6s both;
	-webkit-animation: s1 1s ease 0.6s both;
	-moz-animation: s1 1s ease 0.6s both;
	-o-animation: s1 1s ease 0.6s both;
}
.p-3-2{position: absolute;right: 477px; top: 242px;}
.put-section-2 .p-3-2{
	animation: s2 1s ease-in 0.6s both;
	-webkit-animation: s2 1s ease-in 0.6s both;
	-moz-animation: s2 1s ease-in 0.6s both;
	-o-animation: s2 1s ease-in 0.6s both;
}
.p-3-3{position: absolute;right: 540px; top: 228px;}
.put-section-2 .p-3-3{
	animation: s3 1s ease-in 0.6s both;
	-webkit-animation: s3 1s ease-in 0.6s both;
	-moz-animation: s3 1s ease-in 0.6s both;
	-o-animation: s3 1s ease-in 0.6s both;
}
.p-3-4{position: absolute;right: 603px; top: 204px;}
.put-section-2 .p-3-4{
	animation: s4 1s ease-in 0.6s both;
	-webkit-animation: s4 1s ease-in 0.6s both;
	-moz-animation: s4 1s ease-in 0.6s both;
	-o-animation: s4 1s ease-in 0.6s both;
}
.p-3-5{position: absolute;right: 675px; top: 155px;}
.put-section-2 .p-3-5{
	animation: s5 1s ease-in 0.6s both;
	-webkit-animation: s5 1s ease-in 0.6s both;
	-moz-animation: s5 1s ease-in 0.6s both;
	-o-animation: s5 1s ease-in 0.6s both;
}
.p-3-6{position: absolute;right: 10px;top: 264px;}
.p-3-7{position: absolute;right: 50px;top: 111px;}
.put-section-2 .p-3-7{
	animation: s6 1s ease-in 0.6s both;
	-webkit-animation: s6 1s ease-in 0.6s both;
	-moz-animation: s6 1s ease-in 0.6s both;
	-o-animation: s6 1s ease-in 0.6s both;
}
.p-3-8{position: absolute;right: 186px;top: 142px;}
.put-section-2 .p-3-8{
	animation: s7 1s ease-in 0.6s both;
	-webkit-animation: s7 1s ease-in 0.6s both;
	-moz-animation: s7 1s ease-in 0.6s both;
	-o-animation: s7 1s ease-in 0.6s both;
}
/*.p-3-9{position: absolute;right: 276px;top: 243px;}*/
/*第四屏*/
.p-4-1{position: absolute;top: 326px;left: 54px;}
.put-section-3 .p-4-1{
	animation: f1 1s ease 0.6s both;
	-webkit-animation: f1 1s ease 0.6s both;
	-moz-animation: f1 1s ease 0.6s both;
	-o-animation: f1 1s ease 0.6s both;
}
.p-4-2{position: absolute;top:149px;left: 455px;}
.put-section-3 .p-4-2{
	animation: f2 1.4s ease 1.2s both;
	-webkit-animation: f2 1.4s ease 1.2s both;
	-moz-animation: f2 1.4s ease 1.2s both;
	-o-animation: f2 1.4s ease 1.2s both;
}
.p-4-3{position: absolute;top:124px;right: 182px;}
.put-section-3 .p-4-3{
	animation: f3 1.4s ease 1.2s both;
	-webkit-animation: f3 1.4s ease 1.2s both;
	-moz-animation: f3 1.4s ease 1.2s both;
	-o-animation: f3 1.4s ease 1.2s both;
}
.p-4-4{position: absolute;top:135px;left: 304px;}
.put-section-3 .p-4-4{
	animation: f4 1.4s ease 2.6s both;
	-webkit-animation: f4 1.4s ease 2.6s both;
	-moz-animation: f4 1.4s ease 2.6s both;
	-o-animation: f4 1.4s ease 2.62s both;
}
.p-4-5{position: absolute;top:75px;right: 92px;}
.put-section-3 .p-4-5{
	animation: f5 1.4s ease 2.6s both;
	-webkit-animation: f5 1.4s ease 2.6s both;
	-moz-animation: f5 1.4s ease 2.6s both;
	-o-animation: f5 1.4s ease 2.62s both;
}
.p-4-6{position: absolute;top:322px;right: 366px;}
.put-section-3 .p-4-6{
	animation: f6 1.4s ease 2.6s both;
	-webkit-animation: f6 1.4s ease 2.6s both;
	-moz-animation: f6 1.4s ease 2.6s both;
	-o-animation: f6 1.4s ease 2.62s both;
}
/*第五屏*/
.p-5-1{position: absolute;top: 148px;right: 102px;}
.put-section-4 .p-5-1{
	animation: w1 1s ease 0.8s both;
	-webkit-animation: w1 1s ease 0.8s both;
	-moz-animation: w1 1s ease 0.8s both;
	-o-animation: w1 1s ease 0.8s both;
}
.p-5-2{position: absolute;top:210px;left:15px;}
.put-section-4 .p-5-2{
	animation: w2 1.4s ease 0.8s both;
	-webkit-animation: w2 1.4s ease 0.8s both;
	-moz-animation: w2 1.4s ease 0.8s both;
	-o-animation: w2 1.4s ease 0.8s both;
}
.p-5-3{position: absolute;top:150px;left:47px;}
.put-section-4 .p-5-3{
	animation: w3 1.87s ease 0.8s both;
	-webkit-animation: w3 1.87s ease 0.8s both;
	-moz-animation: w3 1.87s ease 0.8s both;
	-o-animation: w3 1.87s ease 0.8s both;
}
.p-5-4{position: absolute;top: 488px;right: 418px;}
.p-5-5{position: absolute;top: 512px;right: 274px;}
.p-5-6{position: absolute;top: 430px;right: 200px;}
.p-5-7{position: absolute;top: 535px;right: 104px;}
.p-5-8{position: absolute;top: 424px;right: 14px;}
.p-5-9{position: absolute;top: 275px;right: 215px;}
.put-section-4 .p-5-9{
	animation: w9 1.4s ease 1.8s both;
	-webkit-animation: w9 1.4s ease 1.8s both;
	-moz-animation: w9 1.4s ease 1.8s both;
	-o-animation: w9 1.4s ease 1.8s both;
}
.p-5-10{position: absolute;top: 326px;right: 24px;}
.put-section-4 .p-5-10{
	animation: w10 1.4s ease 3.2s both;
	-webkit-animation: w10 1.4s ease 3.2s both;
	-moz-animation: w10 1.4s ease 3.2s both;
	-o-animation: w10 1.4s ease 3.2s both;
}

/*第二屏animation*/
/*2*/
@keyframes p2{
    0%{ top: -522px;}
    100%{ top: 117px;opacity:1;}
}
@-webkit-keyframes p2{
    0%{ top: -522px;}
    100%{ top: 117px;opacity:1;}
}
@-moz-keyframes p2{
    0%{ top: -522px;}
    100%{ top: 117px;opacity:1;}
}
@-o-keyframes p2{
    0%{ top: -522px;}
    100%{ top: 117px;opacity:1;}
}
/*3*/
@keyframes p3{
    0%{ top: -200px;}
    50%{top:130px}
    60%{top: 90px;}
    70%{top: 130px;}
    80%{top: 110px;}
    100%{ top: 130px;opacity:1;}
}
@-webkit-keyframes p3{
    0%{ top: -200px;}
    50%{top:130px}
    60%{top: 90px;}
    70%{top: 130px;}
    80%{top: 110px;}
    100%{ top: 130px;opacity:1;}
}
@-moz-keyframes p3{
    0%{ top: -200px;}
    50%{top:130px}
    60%{top: 90px;}
    70%{top: 130px;}
    80%{top: 110px;}
    100%{ top: 130px;opacity:1;}
}
@-o-keyframes p3{
    0%{ top: -200px;}
    50%{top:130px}
    60%{top: 90px;}
    70%{top: 130px;}
    80%{top: 110px;}
    100%{ top: 130px;opacity:1;}
}
/*4*/
@keyframes p4{
    0%{ top: -200px;}
    50%{top:256px}
    60%{top: 150px;}
    70%{top: 256px;}
    80%{top: 200px;}
    100%{ top: 256px;opacity:1;}
}
@-webkit-keyframes p4{
    0%{ top: -200px;}
    50%{top:256px}
    60%{top: 150px;}
    70%{top: 256px;}
    80%{top: 200px;}
    100%{ top: 256px;opacity:1;}
}
@-moz-keyframes p4{
    0%{ top: -200px;}
    50%{top:256px}
    60%{top: 150px;}
    70%{top: 256px;}
    80%{top: 200px;}
    100%{ top: 256px;opacity:1;}
}
@-o-keyframes p4{
    0%{ top: -200px;}
    50%{top:256px}
    60%{top: 150px;}
    70%{top: 256px;}
    80%{top: 200px;}
    100%{ top: 256px;opacity:1;}
}
/*5*/
@keyframes p5{
    0%{ top: -200px;}
    50%{top:53px}
    60%{top: 20px;}
    70%{top: 53px;}
    80%{top: 30px;}
    100%{ top: 53px;opacity:1;}
}
@-webkit-keyframes p5{
    0%{ top: -200px;}
    50%{top:53px}
    60%{top: 20px;}
    70%{top: 53px;}
    80%{top: 30px;}
    100%{ top: 53px;opacity:1;}
}
@-moz-keyframes p5{
     0%{ top: -200px;}
    50%{top:53px}
    60%{top: 20px;}
    70%{top: 53px;}
    80%{top: 30px;}
    100%{ top: 53px;opacity:1;}
}
@-o-keyframes p5{
    0%{ top: -200px;}
    50%{top:53px}
    60%{top: 20px;}
    70%{top: 53px;}
    80%{top: 30px;}
    100%{ top: 53px;opacity:1;}
}
/*6*/
@keyframes p6{
    0%{ top: -200px;}
    50%{top:232px}
    60%{top: 160px;}
    70%{top: 232px;}
    80%{top: 200px;}
    100%{ top: 232px;opacity:1;}
}
@-webkit-keyframes p6{
   0%{ top: -200px;}
    50%{top:232px}
    60%{top: 160px;}
    70%{top: 232px;}
    80%{top: 200px;}
    100%{ top: 232px;opacity:1;}
}
@-moz-keyframes p6{
   0%{ top: -200px;}
    50%{top:232px}
    60%{top: 160px;}
    70%{top: 232px;}
    80%{top: 200px;}
    100%{ top: 232px;opacity:1;}
}
@-o-keyframes p6{
    0%{ top: -200px;}
    50%{top:232px}
    60%{top: 160px;}
    70%{top: 232px;}
    80%{top: 200px;}
    100%{ top: 232px;opacity:1;}
}
/*1*/
@keyframes p1{
    0%{ left: -301px;}
    100%{ left: 36px;opacity:1;}
}
@-webkit-keyframes p1{
     0%{ left: -301px;}
    100%{ left: 36px;opacity:1;}
}
@-moz-keyframes p1{
     0%{ left: -301px;}
    100%{ left: 36px;opacity:1;}
}
@-o-keyframes p1{
    0%{ left: -301px;}
    100%{ left: 36px;opacity:1;}
}
/*第三屏*/
/*1*/
@keyframes s1{
    0%{ right: -331px;}
    100%{ right: 41px;opacity:1;}
}
@-webkit-keyframes s1{
      0%{ right: -331px;}
    100%{ right: 41px;opacity:1;}
}
@-moz-keyframes s1{
     0%{ right: -331px;}
    100%{ right: 41px;opacity:1;}
}
@-o-keyframes s1{
     0%{ right: -331px;}
    100%{ right: 41px;opacity:1;}
}
/*2*/
@keyframes s2{
    0%{ right: 1000px;}
    100%{ right: 477px;opacity:1;}
}
@-webkit-keyframes s2{
   0%{ right: 1000px;}
    100%{ right: 477px;opacity:1;}
}
@-moz-keyframes s2{
     0%{ right: 1000px;}
    100%{ right: 477px;opacity:1;}
}
@-o-keyframes s2{
    0%{ right: 1000px;}
    100%{ right: 477px;opacity:1;}
}
/*3*/
@keyframes s3{
    0%{ right: 1000px;}
    100%{ right: 540px;opacity:1;}
}
@-webkit-keyframes s3{
   0%{ right: 1000px;}
    100%{ right: 540px;opacity:1;}
}
@-moz-keyframes s3{
     0%{ right: 1000px;}
    100%{right: 540px;opacity:1;}
}
@-o-keyframes s3{
    0%{ right: 1000px;}
    100%{ right: 540px;opacity:1;}
}
/*4*/
@keyframes s4{
    0%{ right: 1000px;}
    100%{ right: 603px;opacity:1;}
}
@-webkit-keyframes s4{
   0%{ right: 1000px;}
    100%{ right: 603px;opacity:1;}
}
@-moz-keyframes s4{
     0%{ right: 1000px;}
    100%{right: 603px;opacity:1;}
}
@-o-keyframes s4{
    0%{ right: 1000px;}
    100%{ right: 603px;opacity:1;}
}
/*5*/
@keyframes s5{
    0%{ right: 1000px;}
    100%{ right: 675px;opacity:1;}
}
@-webkit-keyframes s5{
   0%{ right: 1000px;}
    100%{ right: 675px;opacity:1;}
}
@-moz-keyframes s5{
     0%{ right: 1000px;}
    100%{right: 675px;opacity:1;}
}
@-o-keyframes s5{
    0%{ right: 1000px;}
    100%{ right: 675px;opacity:1;}
}
/*6*/
@keyframes s6{
    0%{ right: 250px;top: 311px;}
    100%{right: 50px;top: 111px;opacity:1;}
}
@-webkit-keyframes s6{
  	0%{ right: 250px;top: 311px;}
    100%{right: 50px;top: 111px;opacity:1;}
}
@-moz-keyframes s6{
    0%{ right: 250px;top: 311px;}
    100%{right: 50px;top: 111px;opacity:1;}
}
@-o-keyframes s6{
    0%{ right: 250px;top: 311px;}
    100%{right: 50px;top: 111px;opacity:1;}
}
/*7*/
@keyframes s7{
    0%{ right: 386px;top: 342px;}
    100%{right: 186px;top: 142px;opacity:1;}
}
@-webkit-keyframes s7{
  	0%{ right: 386px;top: 342px;}
    100%{right: 186px;top: 142px;opacity:1;}
}
@-moz-keyframes s7{
    0%{ right: 386px;top: 342px;}
    100%{right: 186px;top: 142px;opacity:1;}
}
@-o-keyframes s7{
    0%{ right: 386px;top: 342px;}
    100%{right: 186px;top: 142px;opacity:1;}
}
/*第四屏*/
/*1*/
@keyframes f1{
    0%{ left: -104px;}
    100%{left: 54px;opacity:1;}
}
@-webkit-keyframes f1{
  	0%{ left: -104px;}
    100%{left: 54px;opacity:1;}
}
@-moz-keyframes f1{
    0%{ left: -104px;}
    100%{left: 54px;opacity:1;}
}
@-o-keyframes f1{
    0%{ left: -104px;}
    100%{left: 54px;opacity:1;}
}
/*2*/
@keyframes f2{
    0%{ left: -233px;}
    100%{left: 455px;opacity:1;}
}
@-webkit-keyframes f2{
  	0%{ left: -233px;}
    100%{left: 455px;opacity:1;}
}
@-moz-keyframes f2{
    0%{ left: -233px;}
    100%{left: 455px;opacity:1;}
}
@-o-keyframes f2{
    0%{ left: -233px;}
    100%{left: 455px;opacity:1;}
}
/*3*/
@keyframes f3{
    0%{ top:-524px;}
    100%{top:124px;opacity:1;}
}
@-webkit-keyframes f3{
  	0%{ top:-524px;}
    100%{top:124px;opacity:1;}
}
@-moz-keyframes f3{
    0%{ top:-524px;}
    100%{top:124px;opacity:1;}
}
@-o-keyframes f3{
    0%{ top:-524px;}
    100%{top:124px;opacity:1;}
}
/*4*/
@keyframes f4{
    0%{ top:223px;left: 392px;width: 0px;height: 0px;}
    50%{ top:135px;left: 304px;width: 176px;height: 176px;}
    60%{ top:173px;left: 342px;width: 100px;height: 100px;}
    70%{ top:135px;left: 304px;width: 176px;height: 176px;}
    80%{ top:153px;left: 322px;width: 140px;height: 140px;}
    100%{top:135px;left: 304px;width: 176px;height: 176px;opacity:1;}
}
@-webkit-keyframes f4{
  	0%{ top:223px;left: 392px;width: 0px;height: 0px;}
    50%{ top:135px;left: 304px;width: 176px;height: 176px;}
    60%{ top:173px;left: 342px;width: 100px;height: 100px;}
    70%{ top:135px;left: 304px;width: 176px;height: 176px;}
    80%{ top:153px;left: 322px;width: 140px;height: 140px;}
    100%{top:135px;left: 304px;width: 176px;height: 176px;opacity:1;}
}
@-moz-keyframes f4{
    0%{ top:223px;left: 392px;width: 0px;height: 0px;}
    50%{ top:135px;left: 304px;width: 176px;height: 176px;}
    60%{ top:173px;left: 342px;width: 100px;height: 100px;}
    70%{ top:135px;left: 304px;width: 176px;height: 176px;}
    80%{ top:153px;left: 322px;width: 140px;height: 140px;}
    100%{top:135px;left: 304px;width: 176px;height: 176px;opacity:1;}
}
@-o-keyframes f4{
    0%{ top:223px;left: 392px;width: 0px;height: 0px;}
    50%{ top:135px;left: 304px;width: 176px;height: 176px;}
    60%{ top:173px;left: 342px;width: 100px;height: 100px;}
    70%{ top:135px;left: 304px;width: 176px;height: 176px;}
    80%{ top:153px;left: 322px;width: 140px;height: 140px;}
    100%{top:135px;left: 304px;width: 176px;height: 176px;opacity:1;}
}
/*5*/
@keyframes f5{
    0%{ top:150px;right: 167px;width: 0px;height: 0px;}
    50%{top:75px;right: 92px;width: 150px;height: 150px;}
    60%{ top:110px;right: 127px;width: 80px;height: 80px;}
    70%{ top:75px;right: 92px;width: 150px;height: 150px;}
    80%{ top:90px;right: 107px;width: 120px;height: 120px;}
    100%{top:75px;right: 92px;width: 150px;height: 150px;opacity:1;}
}
@-webkit-keyframes f5{
  	0%{ top:150px;right: 167px;width: 0px;height: 0px;}
    50%{top:75px;right: 92px;width: 150px;height: 150px;}
    60%{ top:110px;right: 127px;width: 80px;height: 80px;}
    70%{ top:75px;right: 92px;width: 150px;height: 150px;}
    80%{ top:90px;right: 107px;width: 120px;height: 120px;}
    100%{top:75px;right: 92px;width: 150px;height: 150px;opacity:1;}
}
@-moz-keyframes f5{
    0%{ top:150px;right: 167px;width: 0px;height: 0px;}
    50%{top:75px;right: 92px;width: 150px;height: 150px;}
    60%{ top:110px;right: 127px;width: 80px;height: 80px;}
    70%{ top:75px;right: 92px;width: 150px;height: 150px;}
    80%{ top:90px;right: 107px;width: 120px;height: 120px;}
    100%{top:75px;right: 92px;width: 150px;height: 150px;opacity:1;}
}
@-o-keyframes f5{
    0%{ top:150px;right: 167px;width: 0px;height: 0px;}
    50%{top:75px;right: 92px;width: 150px;height: 150px;}
    60%{ top:110px;right: 127px;width: 80px;height: 80px;}
    70%{ top:75px;right: 92px;width: 150px;height: 150px;}
    80%{ top:90px;right: 107px;width: 120px;height: 120px;}
    100%{top:75px;right: 92px;width: 150px;height: 150px;opacity:1;}
}
/*6*/
@keyframes f6{
    0%{ top:382.5px;right: 426.5px;width: 0px;height: 0px;}
    50%{ top:322px;right: 366px;width: 121px;height: 121px;}
    60%{ top:352.5px;right: 396.5px;width: 60px;height: 60px;}
    70%{ top:322px;right: 366px;width: 121px;height: 121px;}
    80%{ top:337.5px;right: 381.5px;width: 90px;height: 90px;}
    100%{top:322px;right: 366px;width: 121px;height: 121px;opacity:1;}
}
@-webkit-keyframes f6{
  	0%{ top:382.5px;right: 426.5px;width: 0px;height: 0px;}
    50%{ top:322px;right: 366px;width: 121px;height: 121px;}
    60%{ top:352.5px;right: 396.5px;width: 60px;height: 60px;}
    70%{ top:322px;right: 366px;width: 121px;height: 121px;}
    80%{ top:337.5px;right: 381.5px;width: 90px;height: 90px;}
    100%{top:322px;right: 366px;width: 121px;height: 121px;opacity:1;}
}
@-moz-keyframes f6{
    0%{ top:382.5px;right: 426.5px;width: 0px;height: 0px;}
    50%{ top:322px;right: 366px;width: 121px;height: 121px;}
    60%{ top:352.5px;right: 396.5px;width: 60px;height: 60px;}
    70%{ top:322px;right: 366px;width: 121px;height: 121px;}
    80%{ top:337.5px;right: 381.5px;width: 90px;height: 90px;}
    100%{top:322px;right: 366px;width: 121px;height: 121px;opacity:1;}
}
@-o-keyframes f6{
    0%{ top:382.5px;right: 426.5px;width: 0px;height: 0px;}
    50%{ top:322px;right: 366px;width: 121px;height: 121px;}
    60%{ top:352.5px;right: 396.5px;width: 60px;height: 60px;}
    70%{ top:322px;right: 366px;width: 121px;height: 121px;}
    80%{ top:337.5px;right: 381.5px;width: 90px;height: 90px;}
    100%{top:322px;right: 366px;width: 121px;height: 121px;opacity:1;}
}
/*第五屏*/
/*1*/
@keyframes w1{
    0%{top: 148px;right: -302px;}
    100%{top: 148px;right: 102px;opacity:1;}
}
@-webkit-keyframes w1{
  	0%{top: 148px;right: -302px;}
    100%{top: 148px;right: 102px;opacity:1;}
}
@-moz-keyframes w1{
    0%{top: 148px;right: -302px;}
    100%{top: 148px;right: 102px;opacity:1;}
}
@-o-keyframes w1{
    0%{top: 148px;right: -302px;}
    100%{top: 148px;right: 102px;opacity:1;}
}
/*2*/
@keyframes w2{
    0%{top:210px;left:-485px;}
    100%{top:210px;left:15px;opacity:1;}
}
@-webkit-keyframes w2{
  	0%{top:210px;left:-485px;}
    100%{top:210px;left:15px;opacity:1;}
}
@-moz-keyframes w2{
    0%{top:210px;left:-485px;}
    100%{top:210px;left:15px;opacity:1;}
}
@-o-keyframes w2{
    0%{top:210px;left:-485px;}
    100%{top:210px;left:15px;opacity:1;}
}
/*3*/
@keyframes w3{
    0%{top:231px;left:-466px;width: 428px;}
    75%{left: 33px;top: 231px;width: 428px;}
    100%{top:150px;left:47px;width:457px;opacity:1;}
}
@-webkit-keyframes w3{
  	0%{top:231px;left:-466px;width: 428px;}
    75%{left: 33px;top: 231px;width: 428px;}
    100%{top:150px;left:47px;width:457px;opacity:1;}
}
@-moz-keyframes w3{
    0%{top:231px;left:-466px;width: 428px;}
    75%{left: 33px;top: 231px;width: 428px;}
    100%{top:150px;left:47px;width:457px;opacity:1;}
}
@-o-keyframes w3{
    0%{top:231px;left:-466px;width: 428px;}
    75%{left: 33px;top: 231px;width: 428px;}
    100%{top:150px;left:47px;width:457px;opacity:1;}
}
/*9*/
@keyframes w9{
    0%{right: -142px;}
    100%{right: 215px;opacity:1;}
}
@-webkit-keyframes w9{
  	0%{right: -142px;}
    100%{right: 215px;opacity:1;}
}
@-moz-keyframes w9{
   	0%{right: -142px;}
    100%{right: 215px;opacity:1;}
}
@-o-keyframes w9{
    0%{right: -142px;}
    100%{right: 215px;opacity:1;}
}
/*10*/
@keyframes w10{
    0%{ top: -55px;}
    50%{ top: 326px;}
    60%{ top: 286px;}
    70%{ top: 326px;}
    80%{ top: 300px;}
    100%{top: 326px;opacity:1;}
}
@-webkit-keyframes w10{
  	0%{ top: -55px;}
    50%{ top: 326px;}
    60%{ top: 286px;}
    70%{ top: 326px;}
    80%{ top: 300px;}
    100%{top: 326px;opacity:1;}
}
@-moz-keyframes w10{
   	0%{ top: -55px;}
    50%{ top: 326px;}
    60%{ top: 286px;}
    70%{ top: 326px;}
    80%{ top: 300px;}
    100%{top: 326px;opacity:1;}
}
@-o-keyframes w10{
    0%{ top: -55px;}
    50%{ top: 326px;}
    60%{ top: 286px;}
    70%{ top: 326px;}
    80%{ top: 300px;}
    100%{top: 326px;opacity:1;}
}